@media screen and (min-width: 750px) {
    html {
      font-size: 75px!important;
    }
  }
  @media screen and (max-width: 319px) {
    html {
      font-size: 32px!important;
    }
  }
  *{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body {
    font-size: 1rem !important;
    width: 750/75rem;
    height: 1334/75rem;
    margin: 0 auto;
    background-size: 100%;
    background-color: #f6f6f6;
  }

//   *********header部分********
header {
    width: 750/75rem;
    font-size: 24/75rem;
    height: 86/75rem;
    line-height: 86/75rem;
    padding: 0 25/75rem;
    background-color: #106035;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    .back{
        width: 44/75rem;
        height: 44/75rem;
        margin-right: 39/75rem;
        background: url(../images/返回钮.png) no-repeat center center;
        background-size: 100%;
    }
    .search{
        width: 507/75rem;
        height: 42/75rem;
        line-height: 42/75rem;
        border: 2/75rem solid #fff;
        margin-right: 25/75rem;
        border-radius: 21/75rem;
        padding-left: 60/75rem;
        box-sizing: border-box;
        color: #fff;

        background: url(../images/矩形.png) no-repeat 20/75rem center;
        background-size: 26/75rem;
    }
    .message{
      width: 45/75rem;
      height: 45/75rem;
      margin-right: 30/75rem;
      background: url(../images/信息.png) no-repeat  center center;
      background-size: 43/75rem;
    }
    .setting{
      width: 6/75rem;
      height: 40/75rem;
      // margin-right: 31/75rem;
      background: url(../images/菜单—点.png) no-repeat  center center;
      background-size: 100%;
    }   
}

//   *********header部分********


// *********nav部分********

nav {
  margin-top: 86/75rem;
  width: 750/75rem;
  height: 69/75rem;
  line-height: 69/75rem;
  font-size: 24/75rem;
  background-color: #0a844c;
  position: fixed;
  left: 0;
  right: 0;
  top: 86/75rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  ul {
    width: 750/75rem;
    display: flex;
    padding-left: 36/75rem;
    box-sizing: border-box;
    // align-items: center;
    .focus {
      font-size: 26/75rem;
      color: #c0e17b;
    }
    li{
      flex: 1;
      padding-right: 20/75rem;
      display: flex;
      align-items: center;
      &:nth-child(1){
        flex: 2;
      }
      i {
        display: block;
        width: 28/75rem;
        height: 28/75rem;
        background: url(../images/箭头.png) no-repeat center center ;
        background-size: 20/75rem;
      }
      span {
        flex: 1;
        text-align: center;
      }
      &:nth-child(5) i {
        background: url(../images/多边形.png) no-repeat center center ;
        background-size: 13/75rem;
      }
      &:nth-child(6) i {
        margin-left: 20/75rem;
        background: url(../images/视图按钮.png) no-repeat center center ;
        background-size: 100%;
      }
      
    }
  }

}
// *********nav部分********

// 内容区域
.kongbai {
  height: (86+69)/75rem;
}
.line {
  width: 750/75rem;
  height: 472/75rem;
  margin-top: 19/75rem;
  padding-right: 20/75rem;;
  box-sizing: border-box;
  font-size: 22/75rem;
  display: flex;
  align-items: center;
  .result {
    width: 346/75rem;
    height: 472/75rem;
    border-radius: 10/75rem;
    box-shadow: 0 0 10/75rem 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24/75rem;
    margin-left: 19/75rem;
    .top {
      width: 100%;
      height: 58/75rem;
      line-height: 58/75rem;
      display: flex;
      align-items: center;
      img{
        width: 20/75rem;
      }
      p {
        flex: 1;
        padding-left: 20/75rem;
      }
      span {
        width: 30/75rem;
        position: relative;
      }

    }
    .middle {
      width: 100%;
      height: 220/75rem;
      // background-color: #ccc;
      border: rgba(0, 0, 0, .1);
      border-radius: 10/75rem;
      box-shadow: 5/75rem 5/75rem 20/75rem 0 rgba(0, 0, 0, .1);
      background: url(../images/橙子-03.png) no-repeat center center;
      background-size: 60%;
    }
    .bottom {
      width: 100%;
      height: 194/75rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      h4{
        padding-top: 26/75rem;
        font-weight: normal;
      }
      .mass{
        width: 50/75rem;
        height: 29/75rem;
        // line-height: 29/75rem;
        text-align: center;
        background-color: #c0e17b;
        border-radius: 10/75rem;
        margin-top: 10/75rem;
        span{
          font-size: 16/75rem;
          color:#fff;
        }
      }
      .youhui{
        width: 90/75rem;
        height: 29/75rem;
        line-height: 29/75rem;
        color: #ffac36;
        text-align: center;
        border-radius: 10/75rem;
        background-color: #fff7ec;
        font-size: 16/75rem; 
        margin-top: 10/75rem;
        span {
        } 
      }
      .price_now {
        width: 100%;
        font-size: 22/75rem;
        color: #f26b1a;
        display: flex;
        align-items:center;
        margin-top: 27/75rem;
        span {
          
        }
        p{
          flex: 1;
          font-size: 14/75rem;
          color: #646464;
          vertical-align: bottom;
        }
        .add_goods {
          width: 24/75rem;
          height: 24/75rem;
          line-height: 24/75rem;
          color:#fff;
          text-align: center;
          background-color: #0a844c;
          border-radius: 50%;
          // vertical-align: middle;
          span {
            width: 24/75rem;
            height: 24/75rem;
            font-size: 28/75rem;
          }
        }
      }
    }
  }
}
// 内容区域